// 只适用于不含tab或者不需要记录缓存的tab
import MescrollVue from 'mescroll.js/mescroll.vue'
import { Component, Vue } from 'vue-property-decorator';
@Component({
  components: {
    MescrollVue
  }
})
export default class Mescroll extends Vue {
  upCallback:any
  mescroll:any = null
  mescrollDown:Object = {
    isLock: true
  }
  dataList:Object[] = []
  mescrollUp:any = {
    callback: this.upCallback, // 上拉回调,此处简写; 相当于 callback: function(page, mescroll) { }
        // 以下是一些常用的配置,当然不写也可以的.
        page: {
          num: 0, // 当前页 默认0,回调之前会加1; 即callback(page)会从1开始
          size: 10 // 每页数据条数,默认10
        },
        htmlNodata: '<p class="upwarp-nodata">亲，没有更多了~</p>',
        noMoreSize: 5, // 如果列表已无数据,可设置列表的总数量要大于5才显示无更多数据;
        // 避免列表数据过少(比如只有一条数据),显示无更多数据会不好看
        // 这就是为什么无更多数据有时候不显示的原因
        toTop: {
          // 回到顶部按钮
          src: 'http://www.mescroll.com/img/mescroll-totop.png?v=1', // 图片路径,默认null,支持网络图
          offset: 1000 // 列表滚动1000px才显示回到顶部按钮
        },
        empty: {
          // 列表第一页无任何数据时,显示的空提示布局; 需配置warpId才显示
          warpId: 'apply', // 父布局的id (1.3.5版本支持传入dom元素)
          icon: 'http://www.mescroll.com/img/mescroll-empty.png?v=1', // 图标,默认null,支持网络图
          tip: '暂无相关数据~' // 提示
        }
        
  }
  mescrollInit (mescroll:any) {
    this.mescroll = mescroll // 如果this.mescroll对象没有使用到,则mescrollInit可以不用配置
  }
}
